<template>
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item>
      <img src="https://img.youpin.mi-img.com/jianyu/1d2f8243_af69_4d49_8376_728f92442f33.jpeg@base@tag=imgScale&h=293&m=1&q=80&w=702" alt="" @click="fun()">
  </van-swipe-item>
  <van-swipe-item>
      <img src="https://img.youpin.mi-img.com/jianyu/8114f372_fea1_4730_9912_380c4af2314b.jpeg@base@tag=imgScale&h=293&m=1&q=80&w=702" alt="" @click="fun()">
  </van-swipe-item>
  <van-swipe-item>
      <img src="https://img.youpin.mi-img.com/jianyu/33567234_3701_485c_ac4e_c630349ef360.jpeg@base@tag=imgScale&h=293&m=1&q=80&w=702" alt="" @click="fun()">
  </van-swipe-item>
  <van-swipe-item>
      <img src="https://img.youpin.mi-img.com/jianyu/31bb718c_80b7_4751_b2ae_2022bd626b28.png@base@tag=imgScale&h=293&m=1&q=80&w=702" alt="" @click="fun()">
  </van-swipe-item>

</van-swipe>
</template>

<script>
export default {
    methods: {
         fun(){
        this.$router.push("/lunbotu")
    }
    },
   
}
</script>

<style scoped>
  .my-swipe .van-swipe-item {
      width: 100%;
      height: 1.6rem;
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
  img{
      width: 100%;
      height: 100%;
  }
</style>